{"componentChunkName":"component---src-templates-post-js","path":"/dev/winteriscoming/","result":{"data":{"site":{"siteMetadata":{"title":"Roman Kollatschny"}},"markdownRemark":{"id":"e4a2e074-9063-573e-adea-71966936d0c0","excerpt":"Winter is Coming Eine Webanwednung, die die Zeit bis zum Start der neuen Game of Thrones Season angibt. Da ich ein großer ‘Game of Thrones’-Fan bin und nun seit…","html":"<h1>Winter is Coming</h1>\n<h2>Eine Webanwednung, die die Zeit bis zum Start der neuen Game of Thrones Season angibt.</h2>\n<p>Da ich ein großer ‘Game of Thrones’-Fan bin und nun seit fast einem Jahr auf die neue Season warte, entschloss ich mich dazu, eine Anwendungzu entwickelen, die mir die noch verbleibende Zeit bis zum Start der neuen Season anzeigt.</p>\n<p>Da die bloße Darstellung der verbleidenden Zeit jedoch etwas langweilig wäre, wollte ich das Ganze etwas visuell aufpeppen. Ich orientierte mich dabei am <a href=\"https://www.youtube.com/watch?v=CuH3tJPiP-U\">Season 6 Trailer</a>, bei dem der Starttermin vor einer Nebelwolke dargestellt wird. Die Implementierung des Nebels erfolgte über WebGL mit <a href=\"http://threejs.org/\">ThreeJS</a>, bei der mehrere PlaneGeometries in der Szene rotieren und so die Illusion eines Nebels erzeugen.</p>\n<p>In der Infobox ist ein Link zur Anwendung.</p>","frontmatter":{"title":"Winter is Coming","published":"März 2015","description":"Eine Webanwednung, die die Zeit bis zum Start der neuen Game of Thrones Season angibt","banner":{"childImageSharp":{"id":"446d5b54-a6d5-5309-81f2-b11e9fd4347c","fluid":{"tracedSVG":"data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='400'%20height='250'%20viewBox='0%200%20400%20250'%20preserveAspectRatio='none'%3e%3cpath%20d='M0%2042l1%2044c1%203%204%202%205-2l2-4%201-5c-1-4%200-5%202-7%203-2%203-3%203-7l-1-5-1-4%201-4%201%204%201%204%201-4%201-4%201%208-1%208-1%202%204%201%204-1%201-2%204-2c1-2%203-3%206-3l5-1c0-2%201-2%204-2h4v4c0%203%200%204-2%204l-1%201c1%201%204%202%2010%202%207%200%209%200%209%202l8%201c11%200%2014-2%2014-9%200-5%202-7%207-7%203%200%204%200%205%202%201%204%204%205%209%205l6%201%204%202c3%200%203%200%203%203l1%204c1%201%201%201-1%201-4%200-4%202%200%203%202%201%204%202%205%205s3%204%203%202l1-2%201%204-1%204-1%206v5h4l4-1c0-1%201-2%203-2s2%200%202%204v4h5c11%200%2011%202%200%202l-10%201%2010%201h11l-11%201c-10%201-10%201-3%201%2018%200%2024%201%2023%203-1%201-2%202-4%201-2%200-2%200-1%201v1c-1%201-1%201%201%201l2%202c1%202%201%202-2%202-2-1-2-1-2%201l2%202%202-1c0-2%203-1%203%201%201%201%201%200%201-7v-3c-1-2%200-3%204-3l5%201c2%202%203%207%201%207-1%201-1%202%201%204%204%203%204%204%201%204l-3-1h-1l-2-2-2-2%201%203c1%202%201%202-4%202-16%200-17%200-17%206l1%204%202%202%201%203v-3c0-4%202-4%202%200l-1%203-1%202c-1%202-1%203-6%205-2%201-3%201-2%202l1%209%201%208c2%200%202%201%202%208v8h-4c-4%200-4%200-4-3%200-5-2-1-3%205l1%206%202%201-4%201h-4v-10h-8v10h-16v3l1%203%201%205v5h-5l-5-1-4-1c-3%200-4%200-4%203v3l-3-3c-3-4-7-4-10%200-3%203-4%203-7-1l-2-6-1-4-1%201-1%201-1-10-1-8c-2%200-5-4-5-6l-2-2c-3%200-3%200-3-5l-1-6-2-2-4-1-4-1%202-1c4%200%200-3-5-3-4%200-5%200-6-4l-5-6c-4-3-4-4-4-8%200-7-3-9-14-9l-8-1-4-1H0v122h401V0H0v42m59-22c-6%201-9%203-9%208l-1%204-1-1h-9c-1%201-1%201%201%201%203%200%203%200%203%204%200%203%200%204%202%204l1%204%201%204%201-1c0-2%201-2%204-2s4%200%204%202%208%201%2012-2c2-2%204-3%207-3%205%200%206-1%206-7%200-3-1-4-4-7l-5-6c0-3-2-4-13-2m155%2089l-1%204c-1-1-2%200-2%202s-2%205-4%205v1h2v1l1%202%203%201%205%202c3%200%203%200%201%201-4%200-4%205-1%2010l1%204-2-2c-1-3-3-2-5%203s-1%206%202%203l2-1c0%203%206%203%206%200l1%201v2l-1%202%203-1h2c0%202%208%201%2011-1l8-1c5%200%206%200%207-2%202-2%203-3%203-1l2%203c1%202%201%202%203%200h15c0-2%200-2%201-1l3%201%203%201c0%203%204%201%205-2%200-3%200-3%202-1%201%201%202%202%209%202%209%200%2011-2%209-4l-1-3c1-2-2-2-3-1h-2c-2-2-11-1-11%201%200%201-1%201-3-1s-2-2-3-1h-10l-5-1-2%201c-2%200-2%200%200-1%201-1%201-1-1-1l-2%201-4%201c-2%200-3%200-2-1l-1-1-1%202-1%203c-2%201-2%201-2-1%200-3-3-4-6-3h-9c-1%202-4%202-5%201l-1-1-1-5c0-4%201-4%204-4%209%200%2012-13%203-17-4-1-8%200-10%203-1%202-1%202-2%201v-2c2-2%202-2%200-4-1-1-3-2-4-1-2%200-2%200-1-1%202-2%202-2-2-2-6-1-6-1-6%204m-16%202c-3%201-4%205-1%208%201%201%202%202%203%201v2l1%201-2%201-2-1-1-1c-2%200-2%202-1%204%203%203%2010%201%2010-3%200-2-4-6-6-7l-1-2%203%201c2%201%202%201%203-1%201-3-2-5-6-3m49%202l-1%204c1%201%200%205-1%208-1%201-1%202%201%202%203%201%205-1%204-4%200-3%200-3%202%201l2%204%203-4c2-4%203-4%202%201%200%202%201%202%206%202%206%200%208-1%206-2v-12l1-1h-7l1%201c1%201%202%2010%200%2012-2%201-3-2-4-11%200-3-4-3-5%201-1%205-3%205-6%200-2-6-2-6-4-2m38%200v7l-4-4c-6-5-7-5-7%201l-1%208c0%202%200%202%202%202%203%200%203%200%202-5%200-5%200-5%206%202%203%203%207%204%207%202l-1-1v-12c2-1%201-2-2-2s-3%200-2%202m8-1c-4%202-4%2011%200%2013%205%204%2013%202%2013-3%201-3%200-4-3-4-1%201-2%202-1%204%200%202%200%202-3%202s-5-2-5-5c0-5%205-7%209-3%202%203%203%200%201-3-1-2-8-3-11-1m-134%2026c1%202%200%204-1%207-2%204-2%205%201%203h2l2%202v-1c-2-2-1-5%200-3%202%201%202%201%203-1%201-1%201-1%201%201l1%202h1v-1c0-1%205-1%207%201l1-1c-1-2%200-3%202-2l6%202c4%200%205%200%205-4%201-5%203-3%202%202%200%202%200%202%202%202l2-2%201-2v2c0%202%200%202%204%202l4%201c-1%201%200%201%201%201%202%200%202%200%201-1s-1-1%201-1%201-5-1-5v-4h-2c-1%201-4%200-5-1h-1l-5%201c-6%200-6%200-6%203-1%205-2%204-3-1l-1-2h-3l-2%201c1%203-1%202-3%200-2-4-3-4-2%201%200%203%200%203-1%201l-1-3-2-1h-1l-1%201h-1l-1%201-1-1v-2l-1%202h-1v-1l-1-1-1%201h-1c-1-1-1-1-1%201m80%2012l-6%201c-6%200-7%201-4%204l3%204%209%201h9v-4c0-3%200-4%202-4%201-1-1-1-5-1l-7-1h-1'%20fill='%23d3d3d3'%20fill-rule='evenodd'/%3e%3c/svg%3e","aspectRatio":1.5976331360946745,"src":"/portfolio/static/7528833a2909791f321bcdb128e91d63/10d63/head.jpg","srcSet":"/portfolio/static/7528833a2909791f321bcdb128e91d63/08454/head.jpg 270w,\n/portfolio/static/7528833a2909791f321bcdb128e91d63/1413f/head.jpg 540w,\n/portfolio/static/7528833a2909791f321bcdb128e91d63/10d63/head.jpg 1080w,\n/portfolio/static/7528833a2909791f321bcdb128e91d63/60539/head.jpg 1620w,\n/portfolio/static/7528833a2909791f321bcdb128e91d63/b66fb/head.jpg 1710w","srcWebp":"/portfolio/static/7528833a2909791f321bcdb128e91d63/54d25/head.webp","srcSetWebp":"/portfolio/static/7528833a2909791f321bcdb128e91d63/87903/head.webp 270w,\n/portfolio/static/7528833a2909791f321bcdb128e91d63/abd11/head.webp 540w,\n/portfolio/static/7528833a2909791f321bcdb128e91d63/54d25/head.webp 1080w,\n/portfolio/static/7528833a2909791f321bcdb128e91d63/d9e99/head.webp 1620w,\n/portfolio/static/7528833a2909791f321bcdb128e91d63/e1759/head.webp 1710w","sizes":"(max-width: 1080px) 100vw, 1080px"}}},"location":null,"documents":null,"date":{"from":"März 2015","to":null},"team":null,"repos":[{"link":"https://github.com/RomanKol/winteriscoming","title":"GitHub Repository WebGL"},{"link":"https://github.com/RomanKol/winteriscoming_css","title":"GitHub Repository CSS"}],"links":[{"link":"https://kollatschny.net/winteriscoming/","title":"Demo"}],"videos":null}},"allFile":{"edges":[]}},"pageContext":{"slug":"/dev/winteriscoming/","gallery":"dev/winteriscoming/gallery","previous":{"fields":{"slug":"/study/abgespaced/"},"frontmatter":{"title":"abgespaced","published":"2015-03-01"}},"next":{"fields":{"slug":"/photo/savognin/"},"frontmatter":{"title":"Savognin","published":"2015-08-01"}}}},"staticQueryHashes":["2841359383","3110855344"]}